<template>
    <div class="common-layout">
      <el-container>
        <el-header><AdminHeader/></el-header>
        <el-container>
          <el-aside width="200px">
            <div class="sider">
              <el-scrollbar max-height="900px">
                <AdminSideBar></AdminSideBar>
              </el-scrollbar>
            </div>
          </el-aside>
          <el-main>
            <el-scrollbar max-height="900px">
              <router-view></router-view>
            </el-scrollbar>
          </el-main>
        </el-container>
      </el-container>
    </div>

</template>
<script setup>

import AdminHeader from "@/components/AdminHeader.vue";
import AdminSideBar from "@/components/navbar/AdminSideBar.vue";
</script>
<style lang="scss" scoped>
.common-layout{
  width: 100%;
  padding: 0 20px;
}
.el-header{
  --el-header-padding:0;
}
</style>